import styled from 'styled-components';

import { Row, Col, Button } from 'antd';

export const SearchRow = styled(Row)`
  display: flex;
  flex-wrap: wrap;
`
export const SearchCol = styled(Col)`
  margin: auto;
`

export const SearchButton = styled(Button)`
  margin-bottom: 24px;
  margin-left: 15px;
  margin-Top: 5px;
  /* float: right; */
`

export const MyButton = styled(Button)`
  background: #F0F0F0;
  color: rgba(0, 0, 0, .85);
  &:active,
  &:visited,
  &:focus,
  &:hover {
    border: 1px solid #d9d9d9;
    background: rgba(240, 240, 240, 0.5);
    color: rgba(0, 0, 0, .5);
  }
`